<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>My JSP 'index.jsp' starting page</title>
		<link rel="stylesheet" type="text/css" href="css/styles.css">
		<script type="text/javascript" src="js/common/page.js"></script>
		<script type="text/javascript" src="js/common/simple.js"></script>
		<script type="text/javascript" src="js/jQuery/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/common/common.js"></script>
		<script type="text/javascript" src="js/common/autoZoomLoadImage.js"></script>
		<!-- 编辑器插件 -->
		<link rel="stylesheet" href="<%=basePath%>js/jQuery/kindeditor-4.1.7/themes/default/default.css" />
		<link rel="stylesheet" href="<%=basePath%>js/jQuery/kindeditor-4.1.7/plugins/code/prettify.css" />
		<script charset="utf-8" src="<%=basePath%>js/jQuery/kindeditor-4.1.7/kindeditor.js"></script>
		<script charset="utf-8" src="<%=basePath%>js/jQuery/kindeditor-4.1.7/lang/zh_CN.js"></script>
		<script charset="utf-8" src="<%=basePath%>js/jQuery/kindeditor-4.1.7/plugins/code/prettify.js"></script>
		<script>
			KindEditor.ready(function(K) {
				var editor1 = K.create('textarea[name="content"]', {
					cssPath : '<%=basePath%>js/jQuery/kindeditor-4.1.7/plugins/code/prettify.css',
					uploadJson : '<%=basePath%>js/jQuery/kindeditor-4.1.7/jsp/upload_json.jsp',
					fileManagerJson : '<%=basePath%>js/jQuery/kindeditor-4.1.7/jsp/file_manager_json.jsp',
					allowFileManager : true,
					afterCreate : function() {
						var self = this;
						K.ctrl(document, 13, function() {
							self.sync();
							document.forms['example'].submit();
						});
						K.ctrl(self.edit.doc, 13, function() {
							self.sync();
							document.forms['example'].submit();
						});
					}
				});
				prettyPrint();
			});
		</script>
		
		<script type="text/javascript">
			$(document).ready(function(){
				$(".head").autoZoomLoadImage(140,140);
				page.show({
					url:'<%=basePath %>bbs/list.jsp',
					id:1,
					count:100
				}, simple('#pageShow1').Element());
				page.show({
					url:'<%=basePath %>bbs/list.jsp',
					id:1,
					count:100
				}, simple('#pageShow2').Element());
			});
		</script>
	</head>
	<body>
		<center>
			<div class="main">
				<table width="100%">
					<tr>
						<td>
							<jsp:include page="../tiles-components/top.jsp"></jsp:include>
						</td>
					</tr>
					<tr>
						<td>
							<table width="100%">
								<tr>
									<td>
										<a href="javascript:void(0)">趣味天地</a> <span style="vertical-align: middle">></span> <a href="javascript:void(0)">趣味天地</a> <span style="vertical-align: middle">> 【活动】5月28日15万台小米手机2S/2A开放购买 立即预约</span>
									</td>
								</tr>
							</table>
							<table width="100%">
								<tr>
									<td>
										<a class="qmenu" href="javascript:void(0)" style="float: left;margin: 0px 5px;">立即发布</a>
										<a class="qmenu" href="javascript:void(0)" style="float: left;margin: 0px 5px;">立即回复</a>
									</td>
									<td>
										<div style="float: right" id="pageShow1" class="pageShow"></div>
									</td>
								</tr>
							</table>
							<table class="detail" style="margin-top: 10px;" bgcolor="#ffffff">
								<tr>
									<td width="200px" style="border: 1px #cdcdcd solid;height: 40px;text-align: center">
										查看：<span style="color: #f26c4f">3276</span>
										<span class="pipe">|</span>
										回复：<span style="color: #f26c4f">237</span>
									</td>
									<td style="border: 1px #cdcdcd solid;font-weight: bold;font-size: 16px;">
										【活动】5月28日15万台小米手机2S/2A开放购买 立即预约
										<img alt="" src="img/bbs/008_small.gif">
										<img alt="" src="img/bbs/004_small.gif">
										<img alt="" src="img/bbs/agree.gif">
										<img alt="" src="img/bbs/digest_1.gif">
										<img alt="" src="img/bbs/hot_3.gif">
										<img alt="" src="img/bbs/image_s.gif">
									</td>
								</tr>
							</table>
							<table class="detail">
								<tr>
									<td width="200px" valign="top" style="border-bottom: none;">
										<center>
											<table width="100%">
												<tr>
													<td height="40px;" style="padding-left: 20px;border-bottom: #cdcdcd 1px dashed;">
														<a href="javascript:void(0)" style="font-weight: bold">小米公司</a>
													</td>
												</tr>
											</table>
											<table width="85%">
												<tr>
													<td height="140px" align="center">
														<img class="head" src="img/bbs/73_avatar_small.jpg">
													</td>
												</tr>
												<tr>
													<td>
														<table width="100%">
															<tr>
																<td align="center" style="width: 33%;border-right: 1px #cdcdcd solid;">
																	<a href="javascript:void(0)" style="margin: 0px;color: #369">2</a>
																</td>
																<td align="center" style="width: 33%;border-right: 1px #cdcdcd solid;">
																	<a href="javascript:void(0)" style="margin: 0px;color: #369">0</a>
																</td>
																<td align="center">
																	<a href="javascript:void(0)" style="margin: 0px;color: #369">3000</a>
																</td>
															</tr>
															<tr>
																<td align="center" style="width: 33%;border-right: 1px #cdcdcd solid;">
																	主题
																</td>
																<td align="center" style="width: 33%;border-right: 1px #cdcdcd solid;">
																	听众
																</td>
																<td align="center">
																	积分
																</td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td align="center" height="160px">
														<img src="img/level/3/18.jpg" />
													</td>
												</tr>
												<tr>
													<td height="25px" style="color: #f26c4f">论坛认证用户</td>
												</tr>
												<tr>
													<td height="25px">[lv.18]董事长</td>
												</tr>
												<tr>
													<td height="25px">积分：3000</td>
												</tr>
												<tr>
													<td height="25px">精华帖：2</td>
												</tr>
												<tr>
													<td height="25px">推荐帖：2</td>
												</tr>
												<tr>
													<td height="25px">掌声：2</td>
												</tr>
												<tr>
													<td height="25px">总共发帖：200</td>
												</tr>
												<tr>
													<td height="25px">获得奖章：5</td>
												</tr>
												<tr>
													<td>
														<img alt="帅哥奖牌" src="img/medal/7.gif" />
														<img alt="爱心奖牌" src="img/medal/6.gif" />
														<img alt="创世人奖牌" src="img/medal/8.gif" />
														<img alt="达人奖牌" src="img/medal/13.gif" />
														<img alt="管理员奖牌" src="img/medal/14.gif" />
													</td>
												</tr>
												<tr>
													<td height="25px"> &nbsp; </td>
												</tr>
											</table>
										</center>
									</td>
									<td valign="top" style="border-bottom: none;">
										<center>
											<table width="95%" style="height: 100%">
												<tr>
													<td height="40px;" style="padding-left: 20px;border-bottom: #cdcdcd 1px dashed;">
														<table width="100%" height="40px">
															<tr>
																<td>
																	<img src="img/bbs/online_member.gif" /> 发表于2小时前 <span class="pipe">|</span> <a href="javascript:void(0)" style="margin: 0px;">只看该作者</a>
																</td>
																<td align="right">
																	<a href="javascript:void(0)">楼主</a>
																	<span style="vertical-align: middle">电梯直达</span> 
																	<input type="text" style="vertical-align: middle;width: 40px" />
																	<img style="vertical-align: middle" src="img/bbs/fj_btn.png" />
																</td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td height="35px;">
														<table width="100%" height="35px;">
															<tr>
																<td width="75px">
																	<img src="img/bbs/ad.gif" /> 分享到：
																</td>
																<td>
																	<a href="javascript:void(0)" title="分享到新浪微博" class="bds_tsina"></a>
																	<a href="javascript:void(0)" title="分享到QQ空间" class="bds_qzone"></a>
																	<a href="javascript:void(0)" title="分享到腾讯微博" class="bds_tqq"></a>
																	<a href="javascript:void(0)" title="分享到百度搜藏" class="bds_baidu"></a>
																	<a href="javascript:void(0)" title="分享到人人网" class="bds_renren"></a>
																	<a href="javascript:void(0)" title="分享到搜狐微博" class="bds_tsohu"></a>
																	<a href="javascript:void(0)" title="分享到豆瓣网" class="bds_douban"></a>
																	<a href="javascript:void(0)" title="分享到百度贴吧" class="bds_tieba"></a>
																	<a href="javascript:void(0)" title="分享到美丽说" class="bds_meilishuo"></a>
																	<a href="javascript:void(0)" title="分享到点点网" class="bds_diandian"></a>
																	<a href="javascript:void(0)" title="分享到Facebook" class="bds_fbook"></a>
																	<a href="javascript:void(0)" title="分享到Twitter" class="bds_twi"></a>
																	<a href="javascript:void(0)" title="分享到天涯社区" class="bds_ty"></a>
																	<a href="javascript:void(0)" title="分享到网易微博" class="bds_t163"></a>
																	<a href="javascript:void(0)" title="分享到鲜果" class="bds_xg"></a>
																	<a href="javascript:void(0)" title="分享到蘑菇街" class="bds_mogujie"></a>
																</td>
																<td align="right" style="padding-right: 10px;">
																	共分享 5 次
																</td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>
														<center>
															<div style="width: 95%;text-align: left">ceshi</div>
														</center>
													</td>
												</tr>
											</table>
										</center>
									</td>
								</tr>
								<tr>
									<td style="border-bottom: none;border-top: none;"> &nbsp; </td>
									<td style="border-bottom: none;border-top: none;">
										<center>
											<table width="95%">
												<tr>
													<td height="30px">
														<img src="img/bbs/tag.gif" />
														<a href="javascript:void(0)" style="color: #369">商城</a>
														<a href="javascript:void(0)" style="color: #369">现金</a>
														<a href="javascript:void(0)" style="color: #369">产品</a>
														<a href="javascript:void(0)" style="color: #369">免费</a>
														<a href="javascript:void(0)" style="color: #369">主题</a>
													</td>
												</tr>
												<tr>
													<td height="30px">
														<a href="javascript:void(0);" class="p_btn">
															<table width="75px" height="24px">
																<tr>
																	<td align="center" style="cursor: pointer;">
																		<img style="vertical-align: middle"  src="img/bbs/rt.png" />
																		<span style="vertical-align: middle">转播</span>
																		<span style="color: #999;vertical-align: middle">1</span>
																	</td>
																</tr>
															</table>
														</a>
														<a href="javascript:void(0)" class="p_btn">
															<table width="75px" height="24px">
																<tr>
																	<td align="center" style="cursor: pointer;">
																		<img style="vertical-align: middle" src="img/bbs/collection.png" />
																		<span style="vertical-align: middle">淘帖</span>
																		<span style="color: #999;vertical-align: middle">111</span>
																	</td>
																</tr>
															</table>
														</a>
														<a href="javascript:void(0)" class="p_btn">
															<table width="75px" height="24px">
																<tr>
																	<td align="center" style="cursor: pointer;">
																		<img style="vertical-align: middle" src="img/bbs/oshr.png" />
																		<span style="vertical-align: middle">分享</span>
																		<span style="color: #999;vertical-align: middle">111</span>
																	</td>
																</tr>
															</table>
														</a>
														<a href="javascript:void(0)" class="p_btn">
															<table width="75px" height="24px">
																<tr>
																	<td align="center" style="cursor: pointer;">
																		<img style="vertical-align: middle" src="img/bbs/fav.gif" />
																		<span style="vertical-align: middle">收藏</span>
																		<span style="color: #999;vertical-align: middle">1</span>
																	</td>
																</tr>
															</table>
														</a>
													</td>
												</tr>
											</table>
											<table width="95%">
												<tr>
													<td height="25px;">
														<img src="img/bbs/sigline.gif" />
													</td>
												</tr>
											</table>
											<table width="95%" height="35px;">
												<tr>
													<td width="75px">
														<img src="img/bbs/ad.gif" /> 分享到：
													</td>
													<td>
														<a href="javascript:void(0)" title="分享到新浪微博" class="bds_tsina"></a>
														<a href="javascript:void(0)" title="分享到QQ空间" class="bds_qzone"></a>
														<a href="javascript:void(0)" title="分享到腾讯微博" class="bds_tqq"></a>
														<a href="javascript:void(0)" title="分享到百度搜藏" class="bds_baidu"></a>
														<a href="javascript:void(0)" title="分享到人人网" class="bds_renren"></a>
														<a href="javascript:void(0)" title="分享到搜狐微博" class="bds_tsohu"></a>
														<a href="javascript:void(0)" title="分享到豆瓣网" class="bds_douban"></a>
														<a href="javascript:void(0)" title="分享到百度贴吧" class="bds_tieba"></a>
														<a href="javascript:void(0)" title="分享到美丽说" class="bds_meilishuo"></a>
														<a href="javascript:void(0)" title="分享到点点网" class="bds_diandian"></a>
														<a href="javascript:void(0)" title="分享到Facebook" class="bds_fbook"></a>
														<a href="javascript:void(0)" title="分享到Twitter" class="bds_twi"></a>
														<a href="javascript:void(0)" title="分享到天涯社区" class="bds_ty"></a>
														<a href="javascript:void(0)" title="分享到网易微博" class="bds_t163"></a>
														<a href="javascript:void(0)" title="分享到鲜果" class="bds_xg"></a>
														<a href="javascript:void(0)" title="分享到蘑菇街" class="bds_mogujie"></a>
													</td>
													<td align="right" style="padding-right: 10px;">
														共分享 5 次
													</td>
												</tr>
											</table>
										</center>
									</td>
								</tr>
								<tr>
									<td style="border-top: none;"> &nbsp; </td>
									<td style="border-top: none;">
										<center>
											<table width="95%">
												<tr>
													<td height="40px;" style="border-top: #cdcdcd 1px dashed;">
														<img src="img/bbs/fastreply.gif" /><a href="javascript:void(0)">回复</a>
													</td>
													<td align="right" style="border-top: #cdcdcd 1px dashed;">
														<a href="javascript:void(0)">举报</a>
													</td>
												</tr>
											</table>
										</center>
									</td>
								</tr>
							</table>
							<table width="100%" style="margin: 10px 0px;">
								<tr>
									<td>
										<a class="qmenu" href="javascript:void(0)" style="float: left;margin: 0px 5px;">立即发布</a>
										<a class="qmenu" href="javascript:void(0)" style="float: left;margin: 0px 5px;">立即回复</a>
									</td>
									<td>
										<div style="float: right" id="pageShow2" class="pageShow"></div>
									</td>
								</tr>
							</table>
							<table class="detail" style="margin: 10px 0px;">
								<tr>
									<td width="200px" valign="middle" align="center" style="border-bottom: none;">
										<img class="head" src="img/head/noavatar_middle.gif">
									</td>
									<td style="border-bottom: none;">
										<textarea id="content" name="content" style="width: 100%"></textarea>
									</td>
								</tr>
								<tr>
									<td style="border-top: none;"> &nbsp; </td>
									<td style="border-top: none;">
										<center>
											<table width="95%">
												<tr>
													<td height="35px">
														<span style="vertical-align: middle">验证码</span>
														<input type="text" style="width: 80px;vertical-align: middle" /> 
														<a href="javascript:void(0)" style="color: #369;vertical-align: middle">换一个</a>
													</td>
												</tr>
												<tr>
													<td style="height: 26px;line-height: 26px;">
														<a class="qmenu" href="javascript:void(0)" style="float: left;margin: 0px;vertical-align: middle">立即发表</a>
														&nbsp;
														<input type="checkbox" style="vertical-align: middle" /> <span style="vertical-align: middle;">回帖并转播</span>
														<input type="checkbox" style="vertical-align: middle" /> <span style="vertical-align: middle;">回帖后跳转到最后一页</span>
													</td>
												</tr>
												<tr>
													<td style="height: 20px;"> &nbsp; </td>
												</tr>
											</table>
										</center>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td>
							<jsp:include page="../tiles-components/footer.jsp"></jsp:include>
						</td>
					</tr>
				</table>
			</div>
		</center>
	</body>
</html>